<template>
	<u-popup v-model="isShow" mode="bottom" :safe-area-inset-bottom="true">
		<view class="comment-box">
			<u-input v-model="content" :custom-style="inputStyle" type="textarea" :border="false" height="196" :auto-height="false" :placeholder="i18n.comment_tips" />
			<u-button :custom-style="btnStyle" shape="circle">{{i18n.bbs_post}}</u-button>
		</view>
	</u-popup>
</template>

<script>
	export default {
		props: {
			isShow: {
				type: Boolean,
				default: false
			},
		},
		data() {
			return {
				inputStyle: {
					padding: '20rpx',
					background: '#FFFFFF',
					border: '1rpx solid #EAEAEA',
					borderRadius: '8rpx'
				},
				btnStyle:{
					marginTop: '14rpx',
					width: '118rpx',
					height: '60rpx',
					color: '#FFFFFF',
					background:' #D8DBE0',
					borderColor: ' #D8DBE0',
					float:'right'
				},
				content:'',
				currentShow:this.isShow,
			}
		},
		watch:{
			isShow:function(){
				this.currentShow = this.isShow;
				
			},
			currentShow:function(){
				this.$emit('change',this.currentShow);
			}	
		},
		computed:{
			i18n () {  
				return this.$t('mine')  
			}
		},
		methods: {
			
		},
	}
</script>

<style lang="scss" scoped>
	.comment-box{
		padding: 24rpx 24rpx 88rpx;
		background: #F3F3F3;
	}
</style>